<template>
  <div class="massage-List">
      <router-link :to="{path: '/detail', query: {field: 'massage', id: data.id}}">
        <div class="img">
            <img class="massage-img" :src="data.img" :alt="data.name" />
        </div>
        <div class="info">
            <h1 class="title">{{data.name}}</h1>
            <p class="stars">
                <span class="score">{{data.score}}分</span>
            </p>
            <p class="others">
                <span class="item">
                    ￥ <span class="price">{{data.default_price}}</span> 元
                </span>
                <span class="item">{{data.city_name}}</span>
            </p>
        </div>
      </router-link>
  </div>
</template>

<script>
export default {
  name: 'MassageIndex'
}
</script>

<style lang="scss" scoped>

</style>